@import "variables";

@mixin page-main-view() {
  margin: auto;
  min-width: $page-min-width;
  width: $page-main-width;
}

@mixin page-learn-view() {
  margin: auto;
  min-width: $page-min-width;
  width: $page-learn-width;
}

@mixin card-view() {
  background: #ffffff;
  padding: $card-padding;
  border-radius: $card-radius;
  box-shadow: 0 0 10px 15px rgba(241, 241, 241, 0.25);
  //transition: .5s;
  /*&:hover {
    transition: .5s;
    box-shadow: 4px 4px 20px 0 rgb(205 216 228 / 60%);
  }*/
}

